<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <h1>获奖名单：</h1>
            <p v-for="(item,i) in arr" :key="i">第{{i}}位：{{item}}</p>
            
            <h2>详情：</h2>
            <ol>
                <li v-for="(value, key) in obj" :key="key">{{ key }}:{{ value }}</li>
            </ol>
            
            <ul>
                <li v-for="i in count" :key="i">{{ i }}</li>
            </ul>
        </div>
        
        <script src="../js/vue.js"></script>
        <script>
            var vm = new Vue({
                el:'#app',
                data:{
                    arr: ["张三", "李四", "王五", "赵六"],
                    obj:{
                        name:'张三',
                        age:18,
                        gender:'男'
                    },
                    count: 5,
                }
            })
        </script>
    </body>
</html>